<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
 
     #div001{
		 background:#0F0;
		 height:150px;
		 width:1000px;
		 margin-bottom:10px;
		
     }
	  #div002{
		 background:#06F;
		 height:500px;
		 width:300px;
		 float:left;
		 margin-bottom:10px;
		
     }
	  #div005{
		 background:#F0F;
		 height:500px;
		 width:390px;
		 float:left;
		 margin-bottom:10px;
		 margin-left:5px;
		 margin-right:5px;
     }
	  #div003{
		 background:#F00;
		 height:500px;
		 width:300px;
		 float:left;
		 margin-bottom:10px;
		
     }
	  #div004{
		 background:#FF0;
		 height:150px;
		 width:1000px;
		 clear:both;
     }
	 #father{
		 width:1000px;
		 text-align:center;
		 margin:auto;
	 }
	
</style>
</head>

<body>
<div id="father">
     <div id="div001">我不动</div>
     <div id="div002">我往左浮</div>
     <div id="div005">center</div>
     <div id="div003">我往右浮</div>
     <div id="div004">bottom</div>
    
</div>

</body>
</html>
